{% extends("_base") %}

{% block title %}
	Welcome to Petstore!!!
{% endblock %}

{% block main %}
	<h1>Hello, {{ name }}!</h1>
	<p>Welcome to visit <a href="/">Spring Boot</a> Pebble App!</p>
	<div class="uk-grid">
		<div class="uk-width-1-6">
			<div style="width:160px;height:360px;background-image:url(/static/img/dog.jpg)">
			</div>
		</div>
		<div class="uk-width-5-6" style="background-color:#fff;">
			<div class="uk-grid uk-grid-divider">
				<div class="uk-width-5-5">
					<div style="height:40px;background-color:#f6f6f6;">
					</div>
				</div>
				<div class="uk-width-1-5">
					<div style="padding:10px;font-size:12px;">
						<a class="uk-overlay uk-overlay-hover">
							<img src="/static/img/p.jpg" style="width:100%;height:100px" class="uk-overlay-scale">
						</a>
						<div style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">
							<div style="color:red;font-size:14px;">¥99</div> 
							<a href="#0">伯纳天纯宠物狗粮小型犬成犬健胃促吸收狗粮</a>
						</div>
					</div>
				</div>
				<div class="uk-width-1-5">
					5555
				</div>
				<div class="uk-width-1-5">
					5555
				</div>
				<div class="uk-width-1-5">
					5555
				</div>
				<div class="uk-width-1-5">
					5555
				</div>
			</div>
			<hr class="uk-grid-divider">
			<div class="uk-grid uk-grid-divider">
				<div class="uk-width-1-5">
					<div style="padding:10px;font-size:12px;">
						<a class="uk-overlay uk-overlay-hover">
							<img src="/static/img/p.jpg" style="width:100%;height:100px" class="uk-overlay-scale">
						</a>
						<div style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">
							<div style="color:red;font-size:14px;">¥99</div> 
							<a href="#0">伯纳天纯宠物狗粮小型犬成犬健胃促吸收狗粮</a>
						</div>
					</div>
				</div>
				<div class="uk-width-1-5">
					<div style="padding:10px;font-size:12px;">
						<a class="uk-overlay uk-overlay-hover">
							<img src="/static/img/p.jpg" style="width:100%;height:100px" class="uk-overlay-scale">
						</a>
						<div style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">
							<div style="color:red;font-size:14px;">¥99</div> 
							<a href="#0">伯纳天纯宠物狗粮小型犬成犬健胃促吸收狗粮</a>
						</div>
					</div>
				</div>
				<div class="uk-width-1-5">
					5555
				</div>
				<div class="uk-width-1-5">
					5555
				</div>
				<div class="uk-width-1-5">
					5555
				</div>
			</div>
		</div>
	</div>
{% endblock %}
